<extend name="./Application/Admin/View/base.html" />
<block name="title"><title><?php echo C(APP_NAME);?>PC端管理</title></block>
<block name="stylesheets">
<link rel="stylesheet" href="__PUBLIC__/assets/css/jquery-ui.css" />
</block>
<block name="stylecss">
<style type='text/css'>
	.pages a,.pages span {
	    display:inline-block;
	    padding:5px 9px;
	    margin:0 1px;
	    border:1px solid #f0f0f0;
	}
	.pages a,.pages li {
	    display:inline-block;
	    list-style: none;
	    text-decoration:none; color:#58A0D3;
	}
	.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
	    margin:0;
	}
	.pages a:hover{
	    border-color:#50A8E6;
	}
	.pages span.current{
	    background:#50A8E6;
	    color:#FFF;
	    font-weight:700;
	    border-color:#50A8E6;
	}
	.table input,select{
		border-radius:6px !important;
	}
</style>
</block>
<block name="smallmenu">
<ul class="breadcrumb">
	<li>
		<i class="ace-icon fa fa-home home-icon"></i>
		<a href="{:U('Index/index')}">主页</a>
	</li>

	<li class="active">线下考试</li>
</ul><!-- /.breadcrumb -->

<div class="nav-search" id="nav-search"><button class="btn btn-xs btn-pink" onClick='location.href="__CONTROLLER__/exam_offline_add"'>添加一场线下考试</button></div>
</block>

<block name="content">
	<div class="accordion" id="accordion2" style="border:1px solid #cccccc;padding:10px;border-radius:8px;margin-bottom:10px">
		<div class="accordion-group">
			<div class="accordion-heading">
				<a class="accordion-toggle collapsed" style="font-size:14px;" data-toggle="collapse" data-parent="#accordion2" href="#collapseSelect"> 请选择查询条件 </a>
			</div>
				<div id="collapseSelect" class="accordion-body collapse" style="height: 0px;padding-top:10px">
					<div class="accordion-inner">
						<form action="" id="form" name="selectUserForm" method="get">
							<table class="table" style="margin:0">
								<tr>
									<td>考场名称： <input name="midiclub_name" type="text" /></td>
									<td>考试日期： <div class="input-group col-xs-3">
            <input class="form-control date-picker col-xs-3" type="text" data-date-format="yyyy-mm-dd" name='examoffline_ymd' >
            <span class="input-group-addon">
                <i class="fa fa-calendar bigger-110"></i>
            </span>
        </div></td>
        <td><button class="btn btn-sm btn-success" type="submit">查询</button></td>
								</tr>
							</table>
						</form>
					</div>
				</div>
		</div>
	</div>

	<input type="hidden" id="crontab-s" />

	<table id="sample-table-1" class="table table-striped table-bordered table-hover">
		<thead>
			<tr>
				<th class="center">编号</th>
			    <th class="center">考场名称</th>
				<th class="center"><i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>考试时间</th>
				<th class="center">电吉他考试最大人数</th>
				<th class="center">爵士鼓考试最大人数</th>
				<th class="center">电贝司考试最大人数</th>
				<th class="center"><i class="ace-icon fa fa-clock-o bigger-110 hidden-480"></i>创建时间</th>
				<th class="center">操作</th>
			</tr>
		</thead>

		<tbody>
			<foreach name="examoffline" item="v">
			<tr style="text-align:center">
				<td>{$key+1}</td>
				<td>{$v.midiclub_name}</td>
				<td>{$v.examoffline_ymd}</td>
				<td>{$v.examoffline_max_guitar}</td>
				<td>{$v.examoffline_max_drum}</td>
				<td>{$v.examoffline_max_bass}</td>
				<td>{$v.examoffline_createtime|date="Y-m-d H:i:s",###}</td>
				<td>
					<div class="hidden-sm hidden-xs btn-group">
						<div class="hidden-sm hidden-xs action-buttons">

							<a class="blue" style='cursor:pointer' title='查看考试信息' onClick='location.href="__CONTROLLER__/offline_details/id/{$v.examoffline_id}"'>
								<i class="ace-icon fa fa-search-plus bigger-130"></i>
							</a>
						</div>
					</div>
				</td>
			</tr>
		    </foreach>
		</tbody>
	</table>
<div class="pages" style="float:right">{$page}</div>
</block>
<block name="scripts"></block>
<block name="jscript">
<script script="text/javascript">
    $(function(){
        $('#menu_exam').addClass('active open');
        $('#menu_examoffline_list').addClass('active');
    });
</script>
<script type="text/javascript">
    $('.date-picker').datepicker({
        autoclose: true,
        todayHighlight: true
    })
</script>
</block>